<template>
    <div class="search">
        <input @click="$router.push('/search')" type="text" placeholder="搜索商品" />
    </div>
</template>

<script>
export default {

}
</script>

<style lang='scss' scoped>
.search {
    text-align: center;
    background-color: rgb(21, 184, 238);
    input {
      width: 90%;
      height: 30px;
      border: none;
      outline: none;
      background-color: #f5f5f5;
      border-radius: 20px;
      margin-top: 10px;
      margin-bottom: 10px;
    }
  }
</style>